<div class="container-fluid mt-4">
    <!-- 头部标题 -->
    <div class="card mb-2">
        <!--Card content-->
        <div class="card-body">
            <h6 class="mb-2 mb-sm-0 pt-1" style="text-align: center;">视频管理</h6>
        </div>
    </div>
    <!-- 头部标题-end -->
</div>
<div class="container-fluid">
    <div class="row">
        <div class="col-lg">
            <div class="card mb-2">
                <!--Card content-->
                <div class="card-body">
                    <form>
                        <div class="form-row align-items-center mb-3">
                            <div class="col-auto">
                                <select class="form-control form-control-sm">
                                    <option>请选择课程</option>
                                    <option>java</option>
                                    <option>html</option>
                                    <option>css</option>
                                    <option>javascript</option>
                                </select>
                            </div>
                            <div class="col-auto">
                                <select class="form-control form-control-sm">
                                    <option>请选择老师</option>
                                    <option>张三</option>
                                    <option>王二</option>
                                    <option>豆豆</option>
                                    <option>可可</option>
                                </select>
                            </div>
                            <div class="col-auto">
                                <select class="form-control form-control-sm">
                                    <option>请选择状态</option>
                                    <option>待审核</option>
                                    <option>审核未通过</option>
                                    <option>审核通过</option>
                                    <option>视频上架</option>
                                    <option>视频下架</option>
                                </select>
                            </div>
                            <div class="col-auto">
                                <button type="button" class="btn btn-info btn-sm">搜索</button>
                            </div>
                        </div>
                    </form>
                    <div class="table-responsive">
                        <table class="table table-striped table-bordered table-align">
                            <thead class="thead-dark">
                                <tr>
                                    <th class="col-min-90">视频编号</th>
                                    <th class="col-min-90">所属学科</th>
                                    <th class="col-min-90">所属老师</th>
                                    <th>视频简介</th>
                                    <th class="col-min-120">课程视频</th>
                                    <th class="col-min-120">视频状态</th>
                                    <th class="col-min-120">操作</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <th>1</th>
                                    <td>java</td>
                                    <td>王二</td>
                                    <td><pre class="mb-0">Java语言支持的变量类型有：<br>类变量：独立于方法之外的变量，用 static 修饰。<br>实例变量：独立于方法之外的变量，不过没有 static 修饰。<br>局部变量：类的方法中的变量。</pre></td>
                                    <th>
                                        <a href="./video/01.mkv" target="_black" class="btn btn-light btn-sm" >播放/下载</a>
                                    </th>
                                    <td class="text-primary">待审核</td>
                                    <td>
                                        <button type="button" class="btn btn-primary btn-sm">通过</button>
                                        <button type="button" class="btn btn-danger btn-sm">驳回</button>
                                    </td>
                                </tr>
                                <tr>
                                    <th>1</th>
                                    <td>java</td>
                                    <td>王二</td>
                                    <td><pre class="mb-0">Java语言支持的变量类型有：<br>类变量：独立于方法之外的变量，用 static 修饰。<br>实例变量：独立于方法之外的变量，不过没有 static 修饰。<br>局部变量：类的方法中的变量。</pre></td>
                                    <th>
                                        <a href="./video/01.mkv" target="_black" class="btn btn-light btn-sm" >播放/下载</a>
                                    </th>
                                    <td class="text-danger">审核未通过</td>
                                    <td></td>
                                </tr>
                                <tr>
                                    <th>1</th>
                                    <td>java</td>
                                    <td>王二</td>
                                    <td><pre class="mb-0">Java语言支持的变量类型有：<br>类变量：独立于方法之外的变量，用 static 修饰。<br>实例变量：独立于方法之外的变量，不过没有 static 修饰。<br>局部变量：类的方法中的变量。</pre></td>
                                    <th>
                                        <a href="./video/01.mkv" target="_black" class="btn btn-light btn-sm" >播放/下载</a>
                                    </th>
                                    <td class="text-info">审核通过</td>
                                    <td>
                                        <button type="button" class="btn btn-success btn-sm">上架</button>
                                    </td>
                                </tr>
                                <tr>
                                    <th>1</th>
                                    <td>java</td>
                                    <td>王二</td>
                                    <td><pre class="mb-0">Java语言支持的变量类型有：<br>类变量：独立于方法之外的变量，用 static 修饰。<br>实例变量：独立于方法之外的变量，不过没有 static 修饰。<br>局部变量：类的方法中的变量。</pre></td>
                                    <th>
                                        <a href="./video/01.mkv" target="_black" class="btn btn-light btn-sm" >播放/下载</a>
                                    </th>
                                    <td class="text-success">视频上架</td>
                                    <td>
                                        <button type="button" class="btn btn-warning btn-sm">下架</button>
                                    </td>
                                </tr>
                                <tr>
                                    <th>1</th>
                                    <td>java</td>
                                    <td>王二</td>
                                    <td><pre class="mb-0">Java语言支持的变量类型有：<br>类变量：独立于方法之外的变量，用 static 修饰。<br>实例变量：独立于方法之外的变量，不过没有 static 修饰。<br>局部变量：类的方法中的变量。</pre></td>
                                    <th>
                                        <a href="./video/01.mkv" target="_black" class="btn btn-light btn-sm" >播放/下载</a>
                                    </th>
                                    <td class="text-warning">视频下架</td>
                                    <td>
                                        <button type="button" class="btn btn-success btn-sm">上架</button>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script>

</script>